<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<head>
<title>Positions</title>
<link rel="stylesheet" type="text/css" href="crud.css">
</head>

<body>
	<header>
		<img id="logo" src="logo2.png" alt="picture" height="50" width="170"
			padding="10"></img> <a href="login.html">Sign out</a></br>
	</header>

	<nav>
		<ul>
			<a>VIEW</a>
			</br>
			<a href="candidateCRUD.jsp">Candidate</a>
			</br>
			<a href="jobCRUD.jsp">Positions</a>
			</br>
			</br>
			<a>EDIT</a>
			</br>
			<a href="addJob.jsp">Add new job</a>
			</br>
			<a href="updateJob.jsp">Update job</a>
			</br>
			<a href="">Delete job</a>
			</br>
			</br>
		</ul>
	</nav>

	<main> <c:if test="${!empty positionList}">
		<table class="altrowstable" id="alternatecolor">
			<tr>
				<th>ID</th>
				<th>Name</th>
				<th>Number of positions</th>
				<th>Opened by</th>
				<th>Department</th>
				<th>Project</th>
				<th>Requirement</th>
				<th>Responsibility</th>
				<th>Date</th>
			</tr>
			<c:forEach items="${positionList}" var="user">
				<tr>
					<td>${position.id}</td>
					<td>${position.name}</td>
					<td>${position.numberOfPositions}</td>
					<td>${position.openedBy}</td>
					<td>${position.department}</td>
					<td>${position.project}</td>
					<td>${position.requirement}</td>
					<td>${position.responsibility}</td>
					<td>${position.requirements}</td>
					<td>${position.date}</td>
					<td><a href="updatePosition">Update</a></td>
					<td><a href="deletePosition">Delete</a><td>
    			
				</tr>
			</c:forEach>
		</table>
		</c:if></ma
					in>
	 
	  <script type="text/javascript"
		src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="tableDesignScript.js"></script>
	 
	</body>
  </html>
  